/**
 * Vant组件样式覆盖
 */
 @use './variables.scss' as *;

 /* Toast样式调整 */
 .van-toast {
   // 修复背景色和文字颜色
   background-color: rgba(50, 50, 51, 0.88) !important;
   color: $white !important;
   max-width: 220px !important;
   font-size: 14px !important;
   
   // 图标颜色修复
   .van-icon,
   .van-loading__spinner {
     color: $white !important;
   }
   
   // 文本内容颜色
   .van-toast__text {
     color: $white !important;
   }
 }
 
 // 成功提示
 .van-toast--success {
   background-color: rgba(7, 193, 96, 0.88) !important;
   
   .van-icon {
     color: $white !important;
   }
 }
 
 // 失败提示
 .van-toast--fail {
   background-color: rgba(238, 10, 36, 0.88) !important;
   
   .van-icon {
     color: $white !important;
   }
 }
 
 // 加载提示
 .van-toast--loading {
   .van-loading__spinner {
     color: $white !important;
   }
 }
 
 /* Dialog样式调整 */
 .van-dialog {
   overflow: hidden !important;
   border-radius: $border-radius-lg !important;
   
   // 标题样式
   .van-dialog__header {
     font-weight: 500 !important;
     padding-top: 24px !important;
     line-height: 24px !important;
     font-size: 16px !important;
   }
   
   // 内容样式
   .van-dialog__content {
     padding: 24px 24px !important;
     
     .van-dialog__message {
       font-size: 14px !important;
       line-height: 20px !important;
       color: $text-color !important;
     }
   }
   
   // 按钮样式
   .van-dialog__footer {
     padding: 8px 0 !important;
     
     .van-button {
       height: 44px !important;
       font-size: 16px !important;
       border: none !important;
     }
     
     // 确认按钮
     .van-dialog__confirm {
       color: $primary-color !important;
       font-weight: 500 !important;
     }
     
     // 取消按钮
     .van-dialog__cancel {
       color: $text-color !important;
     }
   }
 }
 
 /* Popup样式调整 */
//  .van-popup {
//    background-color: $white !important;
//  }
 
 /* 其他Vant组件样式覆盖 */
 .van-button {
   &--primary {
     background-color: $primary-color !important;
     border-color: $primary-color !important;
   }
   
   &--success {
     background-color: $success-color !important;
     border-color: $success-color !important;
   }
   
   &--danger {
     background-color: $danger-color !important;
     border-color: $danger-color !important;
   }
   
   &--warning {
     background-color: $warning-color !important;
     border-color: $warning-color !important;
   }
 }
 
 /* 修复深色模式下的兼容问题 */
 @media (prefers-color-scheme: dark) {
   // 强制使组件背景为白色，文字为黑色，避免深色模式适配问题
   .van-dialog,
   .van-popup,
   .van-action-sheet,
   .van-picker {
     background-color: $white !important;
     color: $text-color !important;
     
     .van-dialog__message,
     .van-picker-column__item,
     .van-cell__title,
     .van-field__control {
       color: $text-color !important;
     }
   }
 }